/**
 * Flowsteps 
 * @author fool2fish<fool2fish@gmail.com>
 * @author yanmu.wj
 */
.flowsteps {height:23px;margin-bottom:10px;*zoom:1;}
.flowsteps ol{margin:0;padding:0;position:relative;overflow:hidden;;*zoom:1;background:#EEE;}
.flowsteps li{list-style:none;}
.flowsteps .num3 li,.flowsteps .num3 .last{width:33.3%;}
.flowsteps .num4 li,.flowsteps .num4 .last{width:24.9%;}
.flowsteps .num5 li,.flowsteps .num5 .last{width:19.9%;}
.flowsteps .num6 li,.flowsteps .num6 .last{width:16.6%;}
.flowsteps li,
.flowsteps span{color:#777;background:url(http://img04.taobaocdn.com/tps/i4/T1kRWCXeNbXXXXXXXX-15-138.png) no-repeat 0 0;}
.flowsteps li{float:left;height:23px;overflow:hidden;font-size:14px;font-weight:bold;line-height:23px;text-align:center;}
.flowsteps span{display:block;}
.flowsteps .last{position:absolute;right:0;_right:-1px;_width:100%!important;background-position:100% -92px;}
.flowsteps a{color:#5185B6;text-decoration:underline;}
.flowsteps .current .last{
    /* background-color:transparent;background-position:100% -115px;
     * the upper statement it not suitable for opera
     * opera will convert float to int which is the max one that not greater than the primary float
     * so the primary background image cannot fill properly
     */
    background:url(http://img02.taobaocdn.com/tps/i2/T1IR1CXiFbXXXXXXXX-100-23.png) no-repeat 100% 0;
}
.flowsteps .done span{background-color:#CDE0F5;background-position:0 -46px;color:#5185B6;}
.flowsteps .current,
.flowsteps .current span{background-color:#5185B6;background-position: 0 -46px;font-weight:normal;color:#FFF;}
.flowsteps .next{background-position: 0 -23px;}
.flowsteps .next span{background-position:0 -22px;}
.flowsteps .next .last{background-position:100% -92px}
.flowsteps li .first{background-position:0 -69px}




